<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表格列表</title>
</head>

<body>
    <!-- 1、无序列表 -->
    <ul>
        <li>列表条目1</li>
        <li>列表条目2</li>
        <li>列表条目3</li>
        <li>列表条目4</li>
        <li>列表条目3</li>
    </ul>

    <!-- 2、有序列表 -->
    <ol>
        <li>列表条目1</li>
        <li>列表条目2</li>
        <li>列表条目3</li>
        <li>列表条目4</li>
        <li>列表条目5</li>
    </ol>

    <!-- 3、定义列表 -->
    <dl>
        <dt>标题1</dt>
        <dd>列表条目1</dd>
        <dd>列表条目2</dd>
        <dd>列表条目3</dd>
        <dd>列表条目4</dd>
        <dd>列表条目5</dd>

        <dt>标题2</dt>
        <dd>列表条目1</dd>
        <dd>列表条目2</dd>
        <dd>列表条目3</dd>
        <dd>列表条目4</dd>
        <dd>列表条目5</dd>
    </dl>

    <!-- 4、表格 -->
    <table border="1">
        <thead>
            <tr>
                <th>姓名</th>
                <th>语文</th>
                <th>数学</th>
                <th>总分</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>小明</td>
                <td>98</td>
                <td>96</td>
                <td>194</td>
            </tr>
            <tr>
                <td>小兰</td>
                <td>95</td>
                <td>87</td>
                <td>182</td>
            </tr>
            <tr>
                <td>小黑</td>
                <td>100</td>
                <td>99</td>
                <td>199</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>总结</td>
                <td>可以可以</td>
                <td>666</td>
                <td>逆天</td>
            </tr>
        </tfoot>

    </table>

    <!-- 5、表格合并 -->
    <table border="1">
        <thead>
            <tr>
                <th>姓名</th>
                <th>语文</th>
                <th>数学</th>
                <th>总分</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>小明</td>
                <td rowspan="2">98</td>
                <td rowspan="3">96</td>
                <td>194</td>
            </tr>
            <tr>
                <td>小兰</td>
                <!-- <td>95</td> -->
                <!-- <td>87</td> -->
                <td>182</td>
            </tr>
            <tr>
                <td>小黑</td>
                <td>100</td>
                <!-- <td>99</td> -->
                <td>199</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>总结</td>
                <td colspan="3">666</td>
                <!-- <td>666</td> -->
                <!-- <td>逆天</td> -->
            </tr>
        </tfoot>

    </table>

</body>

</html>